.box {
	background-color: #F8F8F8;
	width: 750upx;
	min-height: calc(100vh - 44px);
	padding-bottom: 49upx;
	.header {
		background: url(../../../static/img/quickly/information/bj3@2x.png) no-repeat;
		background-size: 100% 100%;
		width: 702upx;
		height: 256upx;
		margin: 0 24upx;	
		z-index: 10;	
		image {
			width: 622upx;
			height: 48upx;
			margin: 0 auto 44upx;
			display: block;
			padding-top: 27upx;
		}
		.information {
			width: 100%;
			padding: 0 42upx;
			box-sizing: border-box;
			.top,.bottom {
				display: flex;
				align-items: center;
				justify-content: space-around;
				view {
					color: #FFFFFF;
					font-weight: 30upx;
					margin-right: 25upx;
				}
				view:last-child {
					margin-right: 0;
				}
			}
			.bottom {
				margin-top: 20upx;
			}
		}
	}
	.two {
		background: url(../../../static/img/quickly/information/bj2@2x.png) no-repeat;
		background-size: 100% 100%;
		width: 602upx;
		height: 254upx;
		margin: -222upx auto 0;
	}
	.three {
		background: url(../../../static/img/quickly/information/bj1@2x.png) no-repeat;
		background-size: 100% 100%;
		width: 508upx;
		height: 254upx;
		margin: -226upx auto 0;
	}
	
	.mainContent {
		width: 702upx;
		margin: 54upx 24upx 0;
		.boxOne {
			margin-top: 34upx;
			.title {
				width: 702upx;
				height: 148upx;
				background: #38CB97;
				border-radius: 14upx;
				color: #FFFFFF;
				font-size: 34upx;
				text-align: center;
				padding-top: 19upx;
			}
			.firstCase,
			.secondCase{
				margin-top: -68upx;
				width: 702upx;
				height: 614upx;
				background: #FFFFFF;
				border-radius:0 0 14upx 14upx;
				padding: 32upx;
				box-sizing: border-box;
				.name {
					display: flex;
					align-items: center;
					margin-top: 24upx;
					.xinxi {
						flex: 2;
					}
					.placeholder {
						flex: 10;
					}
					.flex {
						flex: 9;
					}
					view {
						flex: 1;
						display: flex;
						view {
							border-bottom: 1upx solid #7A7A7A;
							flex: 1;
							display: block;
							text-align: center;
						}
					}
				}
				.name:first-child {
					margin-top: 0;
				}
				.sign {
					float: right;
					margin-top: 50upx;
					.year {
						text-align: right;
						margin-top: 20upx;
					}
				}
				.initial {
					margin-top: 43upx;
					.initialContent {
						min-height: 120upx;
						color: #333333;
						font-size: 28upx;
						line-height: 36upx;
					}
				}
				
				.secondSign {
					float: right;
					margin-top: 10upx;
					// width: 326upx;
					height: 183upx;
					font-size: 28upx;
					color: #333333;
					line-height: 52upx;
					.referral {
						display: flex;
						view:nth-child(2) {
							flex: 1;
						}
					}
					.referralSecond {
						display: flex;
						view:first-child{
							border-bottom: 1upx solid #7A7A7A;
							flex: 1;
							display: block;
							text-align: center;
						}
					}
					.date {
						text-align: right;
					}
				}
			}
			.secondCase {
				height: 1228upx;
			}
		}
	}
}